<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>宝钢彩涂板管理后台</title>
    <link rel="stylesheet" href="/static/css/normalize.css">
	<link rel="stylesheet" href="/static/css/add.css">
	<link rel="stylesheet" href="/static/css/color-style.css">
	<link rel="stylesheet" href="/static/css/font-awesome.min.css">
	<script type="text/javascript" src="/js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="/js/ueditor.config.js"></script>
	<script type="text/javascript" src="/js/ueditor.all.min.js"></script>
	<script type="text/javascript" src="/js/zh-cn.js"></script>
	<script type="text/javascript" src="/js/common.js"></script>
</head>
<body>
	<div class="form-box">
		<div class="top-bar">
			<h5 class="nav-title">添加案例</h5>
		</div>
		<form action="/admin/cases/add" method="POST" enctype="multipart/form-data">
			<div class="case-admin-left">
            	<input type="text" class="form-control" name="title" id="title" placeholder="在此输入案例标题" value="">
				<br>
				<input type="text" class="form-control" name="date" id="date" placeholder="在此输入时间" value="">
				<br>
				<input type="text" class="form-control" name="environment" id="environment" placeholder="在此输入环境" value="">
				<br>
				<input type="text" class="form-control" name="industry" id="industry" placeholder="在此输入行业" value="">
				<br>
				<input type="text" class="form-control" name="variety" id="variety" placeholder="在此输入品种" value="">
				<script id="md-editor2" type="text/plain" style="height: 300px; margin-top: 10px; width: 100%;"></script>
			</div>
        	<div class="case-admin-right">
        		<div class="panel">
        			<div class="panel-heading">
        				<h3 class="panel-title">缩略图</h3>
        			</div>
        			<div class="panel-body">
        				<div class="form-group">
							<div id="photo1">
								<input type="file" id="imagies" onClick="uploadPhoto('#imagies','photo1')" />
								<p style="color: red; font-size: 12px; margin-top: 5px;">需等待大约5秒钟！</p>
							</div>
        				</div>
        			</div>
        		</div>
                <div class="panel">
                    <div class="panel-heading">
                        <h3 class="panel-title">案例图片</h3>
                    </div>
                    <div class="panel-body">
                        <div class="form-group">
							<div id="photo2" class="photo">
								第一张：<input type="file" id="mul_image0" onClick="uploadPhoto('#mul_image0','photo2')" />
							</div>
							<div id="photo3" class="photo">
								第二张：<input type="file" id="mul_image1" onClick="uploadPhoto('#mul_image1','photo3')" />
							</div>
							<div id="photo4" class="photo">
								第三张：<input type="file" id="mul_image2" onClick="uploadPhoto('#mul_image2','photo4')" />
							</div>
							<div id="photo5" class="photo">
								第四张：<input type="file" id="mul_image3" onClick="uploadPhoto('#mul_image3','photo5')" />
							</div>
							<p style="color: red; font-size: 12px; margin-top: 5px;">需等待大约5秒钟！</p>
                        </div>
                    </div>
                </div>
        		<div class="panel">
        			<div class="panel-heading">
        				<h3 class="panel-title">发布选项</h3>
        			</div>
        			<div class="panel-body">
        				<div class="form-group">
        					<div class="button-container">
        						<button type="submit" class="button -blue center">发布</button>
        					</div>
        				</div>
        			</div>
        		</div>
        	</div>
        	<div class="clear"></div>
		</form>
	</div>
</body>
</html>
<script>
	UE.getEditor('md-editor2', {
		textarea:'content'
	})
</script>
</html>